<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /* .p1{
            color: greenyellow;
        }
        .p2{
            color: greenyellow;
        }
        .p3{
            color: greenyellow;
        } */
        /* .box{
            color: yellowgreen;
        } */
        body{
            color: red;
            font-size: 20px;
            text-decoration: none;
            font-weight: bold;
        }
        .big{
            width: 200px;
            height: 200px;
            border: 1px solid red;
            cursor: pointer;
            background-color: blanchedalmond;
        }
        .small{
            /* border: 1px solid red; */
            background-color:inherit;
            width: 100px;
            height: 100px;
            border: inherit
        }
        /* .first{
            list-style-type:square
        } */
        ul{
            list-style-type:none
        }
    </style>
</head>
<body>
    <div class="box">
            <p class="p1">
                    噫吁嚱，危乎 <span>高哉！</span> 蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。地崩山摧壮士死，然后天梯石栈相钩连。上有六龙回日之高标，下有冲波逆折之回川。黄鹤之飞尚不得过，猿猱欲度愁攀援。青泥何盘盘，百步九折萦岩峦。扪参历井仰胁息，以手抚膺坐长叹。
            </p>
            <p class="p2">
                    问君西游何时还？畏途巉岩不可攀。<a href="https://baidu.com" target="_blank">但见悲鸟号古木</a> ，雄飞雌从绕林间。又闻子规啼夜月，愁空山。蜀道之难，难于上青天，使人听此凋朱颜！连峰去天不盈尺，枯松倒挂倚绝壁。
            </p>
            <p class="p3">
                    飞湍瀑流争喧豗，砯崖转石万壑雷。其险也如此，嗟尔远道之人胡为乎来哉！
            </p>
    </div>
    <p>流争喧豗，砯崖转</p>
    <div class="big">
        <div class="small"></div>
    </div>

    <ul>
        <li class="item first">项目</li>
        <li class="item">项目</li>
        <li class="item">项目</li>
        <li class="item">项目</li>
        <li class="item">项目</li>
    </ul>
</body>
</html>